<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./assets/css/reset.css">
    <link rel="stylesheet" href="./assets/css/order.css">
</head>

<body>
    <div class="top">
        <div>房间订单</div>
    </div>

    <div class="order_tabs">
        <li class="active">全部订单</li>
        <li>待付款</li>
        <li>已付款</li>
        <li>待评价</li>
        <!-- <li>已失效</li>
        <li>已取消</li> -->
    </div>
    <div class="order_list">
        <div class="item">
            <div class="item_top">
                <p>暑假特价房</p>
                <div class="top_tag">待支付</div>
            </div>
            <div class="house">
                <div class="item_swipers">
                    <img src="./assets/images/hotel1.jpg" alt="">
                </div>
                <div class="item_times">
                    <div>
                        <div>08月30日</div>
                        <div>星期三 15:00</div>
                    </div>
                    <div>
                        <div>共1晚</div>
                        <div class="item_right">
                            <img src="./assets/images/right1.png" alt="">
                        </div>
                    </div>
                    <div>
                        <div>08月31日</div>
                        <div>星期四 12:00</div>
                    </div>
                    <div>
                        <div class="item_pay">订单总价</div>
                        <div class="item_price">￥60.00</div>
                    </div>
                </div>
            </div>
            <div class="item_bar">
                <button class="item_cancel">取消订单</button>
                <button class="item_comfig">立即支付</button>
            </div>
        </div>
        <div class="item">
            <div class="item_top">
                <p>暑假特价房</p>
                <div class="top_tag">待支付</div>
            </div>
            <div class="house">
                <div class="item_swipers">
                    <img src="./assets/images/hotel1.jpg" alt="">
                </div>
                <div class="item_times">
                    <div>
                        <div>08月30日</div>
                        <div>星期三 15:00</div>
                    </div>
                    <div>
                        <div>共1晚</div>
                        <div class="item_right">
                            <img src="./assets/images/right1.png" alt="">
                        </div>
                    </div>
                    <div>
                        <div>08月31日</div>
                        <div>星期四 12:00</div>
                    </div>
                    <div>
                        <div class="item_pay">订单总价</div>
                        <div class="item_price">￥60.00</div>
                    </div>
                </div>
            </div>
            <div class="item_bar">
                <button class="item_rate">
                    <a href="rate.html">立即评价</a>
                </button>
                <button class="item_cancel">取消订单</button>
                <button class="item_comfig">立即支付</button>
            </div>
        </div>
        <div class="item">
            <div class="item_top">
                <p>暑假特价房</p>
                <div class="top_tag">待支付</div>
            </div>
            <div class="house">
                <div class="item_swipers">
                    <img src="./assets/images/hotel1.jpg" alt="">
                </div>
                <div class="item_times">
                    <div>
                        <div>08月30日</div>
                        <div>星期三 15:00</div>
                    </div>
                    <div>
                        <div>共1晚</div>
                        <div class="item_right">
                            <img src="./assets/images/right1.png" alt="">
                        </div>
                    </div>
                    <div>
                        <div>08月31日</div>
                        <div>星期四 12:00</div>
                    </div>
                    <div>
                        <div class="item_pay">订单总价</div>
                        <div class="item_price">￥60.00</div>
                    </div>
                </div>
            </div>
            <div class="item_bar">
                <button class="item_cancel">取消订单</button>
                <button class="item_comfig">立即支付</button>
            </div>
        </div>
    </div>
</body>

</html>